/* ============= max-width:1600px ==========*/
@media only screen and (max-width: 1600px) {.id-block{gap: 2px;}}


/* ============= max-width:1400px ==========*/

@media only screen and (max-width: 1400px) {
	.id-block{flex-wrap: nowrap;}
	.container{padding: 0 40px;}
	.steps::after {
	    width: 198px;
	    top: -30px;
	    right: -40px;
	}
	.benifit-box{height: 100%;}
	.benifit-img{position: absolute;bottom: 0;}
	.cost-section:before{top: 370px;}
	.client-section::before{left: 75px;}
	.white-box{height: 345px;}
	.instrushare-line-section::before{top: -164px;right: 125px;}
}

/* ============= max-width:1200px ==========*/

@media only screen and (max-width: 1200px){
	.container{padding: 0 30px;}
	.common_padding {padding: 80px 0px;}
	.white-box{height: 345px;}
	.client-box{padding: 20px;height: 235px;}
}

/* ============= max-width:991px ==========*/

@media only screen and (max-width: 991px){
	.mt-50 {margin-top: 0px;}
	.id-block {
	    gap: 25px;
	    padding: 30px;
	}
	.work-box{margin-top: 30px;}
	.footer-menu li {padding: 0 10px;}
	.footer-menu{flex-wrap: nowrap;}
	.faq-box {padding: 30px;}
	.card-body{width: 100%;}
	.banner-box{padding: 20px;}
	.benifit-img { position: inherit;bottom: 0;}
	.guitar-img{text-align: center;}
	.guitar-img img{position: initial;}
	.unique-section{padding: 60px 0 0;}
}

/* ============= max-width:768px ==========*/

@media only screen and (max-width: 768px){
	
}

/* ============= max-width:767px ==========*/

@media only screen and (max-width: 767px){
	.container{padding: 0 20px;}
	.signup-block{display: block;flex-wrap: wrap;justify-content: center;}
	.joinus-block {margin-top: 25px;}
	.footer-menu li {padding: 0 0px;}
	.footer-menu{padding: 20px 0;}
	.copyright{margin: 20px 0;padding: 16px 0px 0px;}
	.common_padding {padding: 40px 0px;}
	.banner-box {
    padding: 30px 20px;
    bottom: -50px;
	}
	.commission-bg{
		text-align: center;
		padding-top: 100px;
	}
	.logo {
    padding: 10px 15px;
	display: none;
	}
	.footer{padding: 30px 0 0;}
	.newsletter p {text-align: center;}
	.socialLinks{justify-content: center;}
	.newsletter form{max-width: 60%;margin: 0 auto;}
	.country .select{margin-bottom: 20px;}

}

/* ============= max-width:640px ==========*/

@media only screen and (max-width: 640px){
	p {
	    font-size: 15px;
	    line-height: 20px;
	}
	.unique-block{gap: 15px;}
	.id-block {flex-wrap: wrap;}
	.client-box{padding: 15px;height: auto;}
	.footer-menu {flex-wrap: wrap;}
	.footer-menu li:before{top: 12px;}
	.footer-menu li a{font-size: 14px;line-height: 16px;}
	.white-box {height: auto;}
	.card-header{padding: 15px 10px;}
	.id-images {
    width: 100%;
    text-align: center;
}
}

/* ============= max-width:480px ==========*/

@media only screen and (max-width: 480px){
	h2 {
    font-size: 40px;
    line-height: 45px;
	}
	h3 {font-size: 28px;line-height: 35px;}
	.unique-section ul {column-count: 1;}
	.benifit-box {padding: 20px 0px 0px 20px;}
	.work-box{padding: 20px;}
	.steps::after{display: none;}
	.client-block::after{display: none;}
	.faq-box {padding: 20px;}
	.card-header{padding: 10px;}
	.newsletter input.form-control{width: 100%;}
	.copyright{display: block;padding: 10px 0px;}
	.copyright-text{padding-bottom: 10px;}
	.medium-font{font-size: 14px;line-height: 20px;}
	.primary-btn{padding: 8px 20px;}
	.unique-section {padding: 30px 0 0;}
	.btn {font-size: 13px;line-height: 20px;}
	.card-block button::after{
		/* width: 16px; height: 7px; */
		position: absolute;
		top: -13px;
		right: 0;
		bottom: 0;
		margin: auto;
	
	}
	.unique-block-border {border-bottom: 2px dashed rgb(0 175 225 / 16%);}
	.testimonial-client-profile{padding-bottom: 0;}
	.card-body{font-size: 14px; line-height: 20px;}
	.newsletter form{max-width: 100%;}
}
@media only screen and (max-width: 320px){
	/* .card-block button::after{width: 16px; height: 20px;} */
}